<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>出勤管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../css/layui.css"  media="all">
    <link rel="stylesheet" href="../css/public.css"  media="all">
    <link rel="stylesheet" href="../css/looklayer.css"  media="all">
    <style>
        .layui-layer-setwin .layui-layer-close2  {
            position: relative !important;
            right: 0!important;
            top:0 !important;
        }

    </style>
</head>
<body>
<div class="layui-conter">
    <div class="layui-col-md12">
        <div class="navigation">
            <span>教务></span><span>出勤管理</span>
        </div>
        <div>
            <div style="float: left;width: 32%">
                <div class="white-conter">
                    <div class="title-blue">学员名单</div>
                    <div class="layui-form layui-border-box layui-table-view layui-col-md12" lay-filter="LAY-table-1">
                        <div class="layui-form-item">
                            <label class="laber-1">班级编号：</label>
                            <div class="layui-input-inline">
                                <select name="quiz1">
                                    <option value="" selected="">请选择</option>
                                    <option value="1" >1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                </select>
                            </div>
                            <div class="layui-inline search-1">
                                <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit="" >搜索</button>
                            </div>
                        </div>
                        <div class="layui-table-box" style="margin: 20px 50px 0 0">
                            <div class="layui-table-body layui-table-main" style="padding-bottom: 40px">
                                <table cellspacing="0" cellpadding="0" border="0" class="layui-table">
                                    <thead>
                                    <tr>
                                        <th data-field="0" data-unresize="true">
                                            <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                <input type="checkbox" name="layTableCheckbox" lay-skin="primary"
                                                       lay-filter="layTableAllChoose">
                                                <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                    <i class="layui-icon layui-icon-ok"></i>
                                                </div>
                                            </div>
                                        </th>
                                        <th data-field="id">
                                            <div class="layui-table-cell laytable-cell-3-id" align="center">
                                                <span>学生编号</span>
                                            </div>
                                        </th>
                                        <th data-field="name">
                                            <div class="layui-table-cell laytable-cell-3-name" align="center">
                                                <span>学生姓名</span>
                                            </div>
                                        </th>
                                        <th data-field="sex">
                                            <div class="layui-table-cell laytable-cell-3-sex" align="center">
                                                <span>性别</span>
                                            </div>
                                        </th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr data-index="0" class="">
                                        <td data-field="0">
                                            <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                    <i class="layui-icon layui-icon-ok"></i>
                                                </div>
                                            </div>
                                        </td>
                                        <td data-field="id" align="center">
                                            <div class="layui-table-cell laytable-cell-3-id">ty45631</div>
                                        </td>
                                        <td data-field="name" align="center">
                                            <div class="layui-table-cell laytable-cell-3-name">张宇航 </div>
                                        </td>
                                        <td data-field="sex" align="center">
                                            <div class="layui-table-cell laytable-cell-3-sex"> 男 </div>
                                        </td>
                                    </tr>
                                    <tr data-index="1" class="">
                                        <td data-field="0">
                                            <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                    <i class="layui-icon layui-icon-ok"></i>
                                                </div>
                                            </div>
                                        </td>
                                        <td data-field="id" align="center">
                                            <div class="layui-table-cell laytable-cell-3-id">ty45631</div>
                                        </td>
                                        <td data-field="name" align="center">
                                            <div class="layui-table-cell laytable-cell-3-name">张宇航 </div>
                                        </td>
                                        <td data-field="sex" align="center">
                                            <div class="layui-table-cell laytable-cell-3-sex"> 男 </div>
                                        </td>
                                    </tr>
                                    <tr data-index="2" class="">
                                        <td data-field="0">
                                            <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                    <i class="layui-icon layui-icon-ok"></i>
                                                </div>
                                            </div>
                                        </td>
                                        <td data-field="id" align="center">
                                            <div class="layui-table-cell laytable-cell-3-id">ty45631</div>
                                        </td>
                                        <td data-field="name" align="center">
                                            <div class="layui-table-cell laytable-cell-3-name">张宇航 </div>
                                        </td>
                                        <td data-field="sex" align="center">
                                            <div class="layui-table-cell laytable-cell-3-sex"> 男 </div>
                                        </td>
                                    </tr>
                                    <tr data-index="3" class="">
                                        <td data-field="0">
                                            <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                    <i class="layui-icon layui-icon-ok"></i>
                                                </div>
                                            </div>
                                        </td>
                                        <td data-field="id" align="center">
                                            <div class="layui-table-cell laytable-cell-3-id">ty45631</div>
                                        </td>
                                        <td data-field="name" align="center">
                                            <div class="layui-table-cell laytable-cell-3-name">张宇航 </div>
                                        </td>
                                        <td data-field="sex" align="center">
                                            <div class="layui-table-cell laytable-cell-3-sex"> 男 </div>
                                        </td>
                                    </tr>
                                    <tr data-index="4" class="">
                                        <td data-field="0">
                                            <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                    <i class="layui-icon layui-icon-ok"></i>
                                                </div>
                                            </div>
                                        </td>
                                        <td data-field="id" align="center">
                                            <div class="layui-table-cell laytable-cell-3-id">ty45631</div>
                                        </td>
                                        <td data-field="name" align="center">
                                            <div class="layui-table-cell laytable-cell-3-name">张宇航 </div>
                                        </td>
                                        <td data-field="sex" align="center">
                                            <div class="layui-table-cell laytable-cell-3-sex"> 男 </div>
                                        </td>
                                    </tr>
                                    <tr data-index="5" class="">
                                        <td data-field="0">
                                            <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                    <i class="layui-icon layui-icon-ok"></i>
                                                </div>
                                            </div>
                                        </td>
                                        <td data-field="id" align="center">
                                            <div class="layui-table-cell laytable-cell-3-id">ty45631</div>
                                        </td>
                                        <td data-field="name" align="center">
                                            <div class="layui-table-cell laytable-cell-3-name">张宇航 </div>
                                        </td>
                                        <td data-field="sex" align="center">
                                            <div class="layui-table-cell laytable-cell-3-sex"> 男 </div>
                                        </td>
                                    </tr>
                                    <tr data-index="6" class="">
                                        <td data-field="0">
                                            <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                    <i class="layui-icon layui-icon-ok"></i>
                                                </div>
                                            </div>
                                        </td>
                                        <td data-field="id" align="center">
                                            <div class="layui-table-cell laytable-cell-3-id">ty45631</div>
                                        </td>
                                        <td data-field="name" align="center">
                                            <div class="layui-table-cell laytable-cell-3-name">张宇航 </div>
                                        </td>
                                        <td data-field="sex" align="center">
                                            <div class="layui-table-cell laytable-cell-3-sex"> 男 </div>
                                        </td>
                                    </tr>
                                    <tr data-index="7" class="">
                                        <td data-field="0">
                                            <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                    <i class="layui-icon layui-icon-ok"></i>
                                                </div>
                                            </div>
                                        </td>
                                        <td data-field="id" align="center">
                                            <div class="layui-table-cell laytable-cell-3-id">ty45631</div>
                                        </td>
                                        <td data-field="name" align="center">
                                            <div class="layui-table-cell laytable-cell-3-name">张宇航 </div>
                                        </td>
                                        <td data-field="sex" align="center">
                                            <div class="layui-table-cell laytable-cell-3-sex"> 男 </div>
                                        </td>
                                    </tr>
                                    <tr data-index="8" class="">
                                        <td data-field="0">
                                            <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                    <i class="layui-icon layui-icon-ok"></i>
                                                </div>
                                            </div>
                                        </td>
                                        <td data-field="id" align="center">
                                            <div class="layui-table-cell laytable-cell-3-id">ty45631</div>
                                        </td>
                                        <td data-field="name" align="center">
                                            <div class="layui-table-cell laytable-cell-3-name">张宇航 </div>
                                        </td>
                                        <td data-field="sex" align="center">
                                            <div class="layui-table-cell laytable-cell-3-sex"> 男 </div>
                                        </td>
                                    </tr>
                                    <tr data-index="9" class="">
                                        <td data-field="0">
                                            <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                    <i class="layui-icon layui-icon-ok"></i>
                                                </div>
                                            </div>
                                        </td>
                                        <td data-field="id" align="center">
                                            <div class="layui-table-cell laytable-cell-3-id">ty45631</div>
                                        </td>
                                        <td data-field="name" align="center">
                                            <div class="layui-table-cell laytable-cell-3-name">张宇航 </div>
                                        </td>
                                        <td data-field="sex" align="center">
                                            <div class="layui-table-cell laytable-cell-3-sex"> 男 </div>
                                        </td>
                                    </tr>
                                    <tr data-index="10" class="">
                                        <td data-field="0">
                                            <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                    <i class="layui-icon layui-icon-ok"></i>
                                                </div>
                                            </div>
                                        </td>
                                        <td data-field="id" align="center">
                                            <div class="layui-table-cell laytable-cell-3-id">ty45631</div>
                                        </td>
                                        <td data-field="name" align="center">
                                            <div class="layui-table-cell laytable-cell-3-name">张宇航 </div>
                                        </td>
                                        <td data-field="sex" align="center">
                                            <div class="layui-table-cell laytable-cell-3-sex"> 男 </div>
                                        </td>
                                    </tr>
                                    <tr data-index="11" class="">
                                        <td data-field="0">
                                            <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                    <i class="layui-icon layui-icon-ok"></i>
                                                </div>
                                            </div>
                                        </td>
                                        <td data-field="id" align="center">
                                            <div class="layui-table-cell laytable-cell-3-id">ty45631</div>
                                        </td>
                                        <td data-field="name" align="center">
                                            <div class="layui-table-cell laytable-cell-3-name">张宇航 </div>
                                        </td>
                                        <td data-field="sex" align="center">
                                            <div class="layui-table-cell laytable-cell-3-sex"> 男 </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="layui-col-md12" style="margin-top: 20px">
                            <div class="button-block">
                                <button class="layui-btn layui-btn-xs layui-btn-normal" lay-submit="" >全选</button>
                                <button  class="layui-btn layui-btn-xs btn-grey">取消</button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div  style="float: right;width: 65%">
                <div class="white-conter">
                    <div class="title-blue">执行考勤</div>
                    <div style="margin-top: 20px">
                        <form class="layui-form" action="">
                            <div class="layui-col-md6">
                                <div class="layui-col-md10">
                                    <div class="form-item">
                                        <div class="label-div">
                                            <label class="form-label">上课时间</label>
                                        </div>
                                        <div class="input-block">
                                            <input type="text" name="signTime" id="signTime" lay-verify="date" placeholder="请选择"  class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="label-div" style="margin-bottom: 15px">
                                            <label class="form-label">本次课时</label>
                                        </div>
                                        <div class="layui-input-inline" style="width: 100%">
                                            <select name="quiz2">
                                                <option value="" selected="">请选择</option>
                                                <option value="1" >1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-item">
                                        <div class="label-div">
                                            <label class="form-label">本科课题</label>
                                        </div>
                                        <div class="input-block">
                                            <input type="text" name="subject" autocomplete="off" placeholder="请输入..." class="layui-input">
                                        </div>
                                    </div>
                                    <div class="form-item">
                                        <div class="label-div">
                                            <label class="form-label">视频地址</label>
                                        </div>
                                        <div class="input-block">
                                            <input type="url" name="radiourl" autocomplete="off" placeholder="请输入..." class="layui-input">
                                        </div>
                                    </div>
                                    <div class="form-item">
                                        <div class="label-div">
                                            <label class="form-label">备注/作业</label>
                                        </div>
                                        <div class="input-block">
                                            <textarea placeholder="请输入内容" class="layui-textarea"></textarea>
                                        </div>
                                    </div>


                                </div>
                            </div>
                            <div class="layui-col-md12">
                                <div class="layui-col-md4">
                                <div class="button-block">
                                    <button class="layui-btn layui-btn-xs layui-btn-normal" lay-submit="" >更新</button>
                                    <button  class="layui-btn layui-btn-xs btn-grey">取消</button>
                                </div>
                                </div>
                            </div>
                        </form>
                        <form class="layui-form" action="">
                            <div class="form-item" style="overflow: unset;padding-top: 20px" >
                                <div class="label-div">
                                    <label class="form-label">考勤类型</label>
                                </div>
                                <div class="input-block" id="radioContent" style="width: 500px;float: left;">
                                    <input type="radio" lay-filter="select1" name="state" value="出勤" title="出勤"  checked="checked">
                                    <input type="radio" lay-filter="select2" name="state" value="迟到" title="迟到">
                                    <input type="radio" lay-filter="select3" name="state" value="早退" title="早退">
                                    <input type="radio" lay-filter="select4" name="state" value="旷课" title="旷课" >
                                    <input type="radio" lay-filter="select5" name="state" value="请假" title="请假" >
                                </div>
                            </div>
                            <div class="form-item">
                                <div class="label-div" style="margin-top: 15px">
                                    <label class="form-label">备注</label>
                                </div>
                                <div class="input-block layui-col-md5">
                                    <textarea placeholder="请输入内容" class="layui-textarea"></textarea>
                                </div>
                            </div>
                            <div class="layui-col-md12">
                                <div class="layui-col-md4">
                                <div class="button-block">
                                    <button class="layui-btn layui-btn-xs layui-btn-normal" lay-submit="" >执行考勤</button>
                                    <button  class="layui-btn layui-btn-xs btn-grey">返回</button>
                                </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </div>

    </div>

</div>






<script src="../js/layui.all.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use('element', function(){
        var $ = layui.jquery
            ,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
        //触发事件
        var active = {
            tabChange: function(){
                //切换到指定Tab项
                element.tabChange('demo', '22'); //切换到：用户管理
            }
        };


    });
</script>
<script>
    layui.use( ['form','layer','laydate','element'], function(){
        var  form = layui.form
            , $ = layui.jquery
            ,layer = layui.layer
            ,element = layui.element
            , laydate = layui.laydate;
        //触发事件
            laydate.render({
                elem: '#signTime'
            });
        form.render();
    });
</script>
</body>
</html>
